<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ include file="/WEB-INF/views/common/taglibs.jsp" %>
<%@ include file="/WEB-INF/views/common/head.jsp" %>

<html>

<head>
    <meta charset="utf-8">
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="wrw"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>确认订单</title>
    <link id="link1" rel="stylesheet" href="${webRoot}static/app/css/public.css?v=8565"/>
    <link id="link2" rel="stylesheet" href="${webRoot}static/app/css/style.css?v=288"/>
    <script type="text/javascript" src="${webRoot }static/js/jquery/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="${webRoot }static/common/layer_mobile/need/layer.css"/>
    <script type="text/javascript" src="${webRoot }static/common/layer_mobile/layer.js"></script>
    <style>
        .spje {
            position: absolute;
            color: red;
            right: 15px
        }

        .oprice {
            line-height: 40px;
            top: 8px;
            right: 5px;
            position: absolute;
        }
    </style>
</head>

<body style="background-color: #F2F2F2;">

            </div>
            <a href="#">
                <a href="#">
                    <button class="tip-btn orange" style="width: 23%; ">确认支付</button>
                </a>
            </a>


</body>
<script type="text/javascript">
    $(function () {
        var total_sum = '${orders.totalprices}'
        $(".tip-btn").click(function () {
            pay();

        })
    })

    <%--function  goHistory() {--%>
    <%--$.ajax({--%>
    <%--type: "post",--%>
    <%--url: "${webRoot}index/delOrder",--%>
    <%--dataType: "json",--%>
    <%--data: {orderid: '${orders.orderid}'},--%>
    <%--success: function (data) {--%>
    <%--history.back(-1);--%>
    <%--}--%>
    <%--});--%>
    <%--}--%>
</script>
<script type="text/javascript">
    <%--data: {openId: '${openId}',orderid:'${orders.orderid}'},--%>
    var prepay_id;
    var paySign;
    var appId;
    var timeStamp;
    var nonceStr;
    var packageStr;
    var signType;
    function pay() {
        var loading = layer.open({type: 2});
        var url = '${webRoot}wxpay/jspay';
        $.ajax({
            type: "post",
            url: url,
            dataType: "json",
            data: {openId: 'ohTKdwNvQjgJ_Znen0xoS3tdmWHo',orderId:'11223344'},
            success: function (data) {
                layer.close(loading);
                if (data.resultCode == 'SUCCESS') {
                    appId = data.data.appId;
                    paySign = data.data.paySign;
                    timeStamp = data.data.timeStamp;
                    nonceStr = data.data.nonceStr;
                    packageStr = data.data.package;
                    signType = data.data.signType;
                    callpay();
                } else {
                    layer.alert("统一下单失败");
                }
            }
        });
    }

    function onBridgeReady() {
        WeixinJSBridge.invoke(
                'getBrandWCPayRequest', {
                    "appId": appId,     //公众号名称，由商户传入
                    "paySign": paySign,         //微信签名
                    "timeStamp": timeStamp, //时间戳，自1970年以来的秒数
                    "nonceStr": nonceStr, //随机串
                    "package": packageStr,  //预支付交易会话标识
                    "signType": signType     //微信签名方式
                },
                function (res) {
                    if (res.err_msg == "get_brand_wcpay_request:ok") {
                        //window.location.replace("index.html");
                        alert('支付成功');
                    } else if (res.err_msg == "get_brand_wcpay_request:cancel") {
                        alert('支付取消');
                    } else if (res.err_msg == "get_brand_wcpay_request:fail") {
                        alert('支付失败');
                    } //使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                }
        );
    }
    function callpay() {
        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }
    }
</script>


</html>
